

.dd{
    box-shadow: 0 0 28px rgb(0 0 0 / 8%);
}
.ant-menu-item-selected{

    background-color: #121421 !important;
    color: #fff;
}

.ant-menu-item::after{
    border-right: 3px solid #2a2c5a !important;
}
.ant-menu-item:hover{
    color: #ffffff !important;
    background: #121421 !important;
}
.ant-menu-item-selected{
    background-color: #121421;
    
}
.logo{
    display: flex;
    justify-content: center;
    align-items: center;
    height:60px;
}
.ant-menu-item{
    height: 50px;
}

.ant-menu-submenu-active{
    color: #121421 !important;
}

.ant-menu-submenu-title:hover{
    color: #ffffff !important;
    background: #121421;
}
.ant-menu-submenu-selected{
    color: #fff !important;
    background: #121421;
}
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
    color: #ffffff !important;
}
.ant-layout-sider-trigger{
    background: #121421;
    font-size: 16px;
}
#components-layout-demo-side .logo {
    height: 32px;
    margin: 16px;
    background: rgba(255, 255, 255, 0.3);
  }
  
  .site-layout .site-layout-background {
    background: #fff;
  }

  .site-layout-background{
        background: none !important;
  }

.indexS{
    width: 100%;
    height: 100%;
    .index-head{
    width: 95%;
    height: 100%;
    display: flex;
    background: #fff;
    box-shadow: 0 0 28px rgb(0 0 0 / 8%);
    padding: 20px;
    min-width: 960px;
    margin: auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    .content{
        flex:50%;
        font-size: 18px;
        margin: 20px 0 0 20px;
    }
}
}

.index-data{
    width: 95%;
    margin: auto;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    word-wrap: normal;
    min-width: 960px;
    .data1{
    display: flex;
    align-items: center;
    width: 25%;
    height: 122px;
    background: #fff;
    margin: 0 10px;
    padding-left: 30px;
    box-shadow: 0 0 28px rgb(0 0 0 / 8%);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    p{
        margin-bottom: 0;
        font-size: 15px;
        font-weight: 600;
        margin-left: 20px;
    }
}
}

// #main {
//     width: 95%;
//     height: 400 ;
//     margin: 20px auto;
//     border-radius: 10px;
//     -webkit-border-radius: 10px;
//     -moz-border-radius: 10px;
//     -ms-border-radius: 10px;
//     -o-border-radius: 10px;
// }

.table{
    width: 95%;
    margin: auto;
    min-width: 950px;
    // box-shadow: 0 0 28px rgb(0 0 0 / 8%);
}